<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<header>
	<div class="aui-page-header-inner">
		<div class="aui-page-header-image">
			<i class="fa fa-list-alt fa-4x"></i>
		</div>
		<div class="aui-page-header-main">
			<ol class="aui-nav aui-nav-breadcrumbs">
				<li><a id="project-name-val"
					href="${pageContext.request.contextPath}/project/browse/${navigationUser.currentProject.key}">${navigationUser.currentProject.title}</a>
				</li>
				<li><a id="key-val" rel="300398"
					href="${pageContext.request.contextPath}/training/browse/${trainingRecord.key}/${trainingRecord.id}"
					data-training-key="${trainingRecord.id}">${trainingRecord.key}-${trainingRecord.id}</a></li>
			</ol>
			<h3 id="summary-val">${trainingRecord.title}</h3>
		</div>
		<div class="aui-page-header-actions">
			<div id="issue-header-pager">
				<ul class="ops page-navigation ">
					<li class="showing">2 of 131,201</li>
					<li class="previous"><a id="previous-issue"
						title="Previous Issue 'WBS-63' ( Type 'k' )" rel="WBS-63"
						href="/browse/WBS-63" data-key="WBS-63" data-id="302745"><i
							class="fa fa-arrow-down"></i></a></li>
					<li class="next"><a id="next-issue"
						title="Next Issue 'WBS-61' ( Type 'j' )" rel="WBS-61"
						href="/browse/WBS-61" data-key="WBS-61" data-id="299817"><i
							class="fa fa-arrow-up"></i></a></li>
				</ul>
			</div>
		</div>
	</div>
</header>
<div id="split-view-panel" class="row">
	<div class="col-md-9">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">
					<a data-toggle="collapse" href="#details">Details</a>
				</h3>
			</div>
			<div id="details" class="panel-collapse collapse in">
				<div class="panel-body">
					<table style="width: 100%;">
						<tr>
							<td><span class="text-muted">Mode:</span></td>
							<td>Plan</td>
							<td><span class="text-muted">Status:</span></td>
							<td><span class="label label-default">OPEN</span></td>
						</tr>
						<tr>
							<td><span class="text-muted">Target:</span></td>
							<td>National/State Level</td>
							<td><span class="text-muted">Capacity:</span></td>
							<td><span class="label label-default">OPEN</span></td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-3">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">
					<a data-toggle="collapse" href="#people">People</a>
				</h3>
			</div>
			<div id="people" class="panel-collapse collapse in">
				<div class="panel-body">Panel content</div>
			</div>
		</div>

		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">
					<a data-toggle="collapse" href="#dates">Dates</a>
				</h3>
			</div>
			<div id="dates" class="panel-collapse collapse in">
				<div class="panel-body">
					<table style="width: 100%;">
						<tr>
							<td><span class="text-muted">Created:</span></td>
							<td>09/Nov/13 1:16 AM</td>
						</tr>
						<tr>
							<td><span class="text-muted">Updated:</span></td>
							<td>09/Nov/13 1:16 AM</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>

</html>